<%@ page contentType="text/html;charset=UTF-8" language="java" %>
<html>
<head>
    <title>药品管理</title>
    <link rel="stylesheet" href="/css/frame/ys_service/ys_service_medicinemanager.css"/>
    <script src="/js/jquery-3.3.1.min.js"></script>
</head>
<body class="inner-container">
    <div class="shandow"></div>
    <div id="function">
        <div class="function_style_out">
            <div class="function_style_in">
                <div class="search">
                    <div class="search_item">
                        <div>所属医院</div>
                        <div>
                            <i class="icon"></i>
                            <input class="search_input" id="hospital" disabled="disabled">
                        </div>
                    </div>
                    <div class="search_item">
                        <div>配送方式</div>
                        <div>
                            <i class="icon"></i>
                            <input class="search_input" id="delivery" placeholder="请选择配送方式" readonly="readonly">
                            <div id="delivery_list" class="search_input_option innerbox">
                                <div>
                                    <ul>
                                        <li class="list">全部</li>
                                        <li class="list">到店自取</li>
                                        <li class="list">在线配送</li>
                                        <li class="list">到店自取和在线配送</li>
                                    </ul>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>
    <div id="content">
        <div id="top">
            <button id="add" class="button">
                <i class="icon_add icon_button"></i>
                <span>新增</span>
            </button>
            <button id="delete" class="button">
                <i class="icon_delete icon_button"></i>
                <span>批量删除</span>
            </button>
            <div id="search">
                <div id="search_button"></div>
                <input id="search_input" placeholder="请输入药品编码/药品名称进行搜索" autocomplete="off">
                <div id="search_font">搜索</div>
            </div>
        </div>
        <div id="drugdata">
            <table id="druglist" cellpadding="0" cellspacing="0" border="1px" style="table-layout:fixed">
                <tbody>
                <tr>
                    <td style="width: 3%;"><input type="checkbox" id="all" style="width: 20px;height: 20px;"></td>
                    <td style="width: 5%;">序号</td>
                    <td style="width: 8%;">药品编码</td>
                    <td style="width: 15%;">药品名称</td>
                    <td style="width: 5%;">单位</td>
                    <td style="width: 10%;">规格</td>
                    <td style="width: 8%;">价格</td>
                    <td style="width: 21%;">生产厂商</td>
                    <td style="width: 15%;">批准文号</td>
                    <td style="width: 10%;">操作</td>
                </tr>
                </tbody>
            </table>
        </div>
        <div id="bottom">
            <div id="fenye">
                <div id="totalcount"></div>
                <div style="position:relative;">
                    <input id="pageSize">
                    <div id="pageSize_list">
                        <ul>
                            <li class="10">10条/页</li>
                            <li class="20">20条/页</li>
                            <li class="50">50条/页</li>
                        </ul>
                    </div>
                </div>
                <div id="pre" class="paging"><</div>
                <div id="next" class="paging">></div>
                <span>前往第</span>
                <div>
                    <input id="pageNo" oninput="value=value.replace(/[^\d]/g,'')">
                </div>
                <span>页</span>
            </div>
        </div>
    </div>
    <div id="detail_popup" class="popup">
        <div id="detail_popup_top">
            <span>药品详情</span>
            <div>×</div>
        </div>
        <div id="detail_popup_content">
            <table>
                <tr>
                    <td width="18%">药品编号</td>
                    <td width="30%" id="detail_drug_id"></td>
                    <td width="4%"></td>
                    <td width="18%">药品名称</td>
                    <td width="30%" id="detail_drug_name"></td>
                </tr>
                <tr>
                    <td>药品规格</td>
                    <td id="detail_drug_capacity"></td>
                    <td></td>
                    <td>药品单位</td>
                    <td id="detail_drug_unit"></td>
                </tr>
                <tr>
                    <td>生产厂商</td>
                    <td id="detail_drug_manufacturer" colspan="4"></td>
                </tr>
                <tr>
                    <td>批准文号</td>
                    <td id="detail_drug_approval_number"></td>
                    <td></td>
                    <td>价格</td>
                    <td id="detail_drug_price"></td>
                </tr>
                <tr>
                    <td>配送方式</td>
                    <td id="detail_delivery" colspan="4"></td>
                </tr>
                <tr>
                    <td>黄麻碱</td>
                    <td id="detail_is_ephedrine"></td>
                    <td></td>
                    <td>处方药</td>
                    <td id="detail_is_prescription"></td>
                </tr>
            </table>
        </div>
        <div id="detail_popup_bottom">
            <button class="button">确定</button>
        </div>
    </div>
    <div id="update_popup" class="popup">
        <div id="update_popup_top">
            <span>药品信息修改</span>
            <div>×</div>
        </div>
        <div id="update_popup_content">
            <table>
                <tr>
                    <td width="18%"><span>*<span>药品编码</span></span></td>
                    <td width="30%" id="update_drug_id">
                        <%--<input id="update_drug_id" class="popup_input" readonly="readonly">--%>
                    </td>
                    <td width="4%"></td>
                    <td width="18%"><span>*<span>药品名称</span></span></td>
                    <td width="30%">
                        <input id="update_drug_name" class="popup_input" placeholder="请输入名称" autocomplete="off">
                    </td>
                </tr>
                <tr>
                    <td><span><span>药品规格</span></span></td>
                    <td>
                        <input id="update_drug_capacity" class="popup_input" placeholder="请输入规格" autocomplete="off">
                    </td>
                    <td></td>
                    <td><span><span>药品单位</span></span></td>
                    <td>
                        <input id="update_drug_unit" class="popup_input" placeholder="请输入单位" autocomplete="off">
                    </td>
                </tr>
                <tr>
                    <td><span><span>生产厂商</span></span></td>
                    <td colspan="4">
                        <input id="update_drug_manufacturer" class="popup_input" placeholder="请输入生产厂商" autocomplete="off">
                    </td>
                </tr>
                <tr>
                    <td><span>*<span>批准文号</span></span></td>
                    <td>
                        <input id="update_drug_approval_number" class="popup_input" placeholder="请输入批准文号" autocomplete="off">
                    </td>
                    <td></td>
                    <td><span>*<span>价格</span></span></td>
                    <td>
                        <input id="update_drug_price" class="popup_input" placeholder="请输入价格" autocomplete="off">
                    </td>
                </tr>
                <tr>
                    <td><span>*<span>配送方式</span></span></td>
                    <td colspan="4">
                        <i class="icon"></i>
                        <input id="update_delivery" class="popup_input2" placeholder="请选择配送方式" readonly="readonly">
                        <div id="update_delivery_list" class="search_input_option innerbox">
                            <div>
                                <ul>
                                    <li>到店自取</li>
                                    <li>在线配送</li>
                                    <li>到店自取和在线配送</li>
                                </ul>
                            </div>
                        </div>
                    </td>
                </tr>
                <tr>
                    <td><span>*<span>黄麻碱</span></span></td>
                    <td>
                        <i class="icon"></i>
                        <input id="update_is_ephedrine" class="popup_input2" placeholder="是否含黄麻碱" readonly="readonly">
                        <div id="update_is_ephedrine_list" class="search_input_option innerbox">
                            <div>
                                <ul>
                                    <li>含</li>
                                    <li>不含</li>
                                </ul>
                            </div>
                        </div>
                    </td>
                    <td></td>
                    <td><span>*<span>处方药</span></span></td>
                    <td>
                        <i class="icon"></i>
                        <input id="update_is_prescription" class="popup_input2" placeholder="是否为处方药" readonly="readonly">
                        <div id="update_is_prescription_list" class="search_input_option innerbox">
                            <div>
                                <ul>
                                    <li>处方药</li>
                                    <li>非处方药</li>
                                </ul>
                            </div>
                        </div>
                    </td>
                </tr>
            </table>
        </div>
        <div id="update_popup_bottom">
            <button class="button">确定</button>
            <button class="button">取消</button>
        </div>
    </div>
    <div id="add_popup" class="popup">
        <div id="add_popup_top">
            <span>药品新增</span>
            <div>×</div>
        </div>
        <div id="add_popup_content">
            <table>
                <tr>
                    <td width="18%"><span>*<span>药品编码</span></span></td>
                    <td width="30%">
                        <input id="add_drug_id" class="popup_input" placeholder="请输入编码" autocomplete="off">
                    </td>
                    <td width="4%"></td>
                    <td width="18%"><span>*<span>药品名称</span></span></td>
                    <td width="30%">
                        <input id="add_drug_name" class="popup_input" placeholder="请输入名称" autocomplete="off">
                    </td>
                </tr>
                <tr>
                    <td><span><span>药品规格</span></span></td>
                    <td>
                        <input id="add_drug_capacity" class="popup_input" placeholder="请输入规格" autocomplete="off">
                    </td>
                    <td></td>
                    <td><span><span>药品单位</span></span></td>
                    <td>
                        <input id="add_drug_unit" class="popup_input" placeholder="请输入单位" autocomplete="off">
                    </td>
                </tr>
                <tr>
                    <td><span><span>生产厂商</span></span></td>
                    <td colspan="4">
                        <input id="add_drug_manufacturer" class="popup_input" placeholder="请输入生产厂商" autocomplete="off">
                    </td>
                </tr>
                <tr>
                    <td><span>*<span>批准文号</span></span></td>
                    <td>
                        <input id="add_drug_approval_number" class="popup_input" placeholder="请输入批准文号" autocomplete="off">
                    </td>
                    <td></td>
                    <td><span>*<span>价格</span></span></td>
                    <td>
                        <input id="add_drug_price" class="popup_input" placeholder="请输入价格" autocomplete="off">
                    </td>
                </tr>
                <tr>
                    <td><span>*<span>配送方式</span></span></td>
                    <td colspan="4">
                        <i class="icon"></i>
                        <input id="add_delivery" class="popup_input2" placeholder="请选择配送方式" readonly="readonly">
                        <div id="add_delivery_list" class="search_input_option innerbox">
                            <div>
                                <ul>
                                    <li>到店自取</li>
                                    <li>在线配送</li>
                                    <li>到店自取和在线配送</li>
                                </ul>
                            </div>
                        </div>
                    </td>
                </tr>
                <tr>
                    <td><span>*<span>黄麻碱</span></span></td>
                    <td>
                        <i class="icon"></i>
                        <input id="add_is_ephedrine" class="popup_input2" placeholder="是否含黄麻碱" readonly="readonly">
                        <div id="add_is_ephedrine_list" class="search_input_option innerbox">
                            <div>
                                <ul>
                                    <li>含</li>
                                    <li>不含</li>
                                </ul>
                            </div>
                        </div>
                    </td>
                    <td></td>
                    <td><span>*<span>处方药</span></span></td>
                    <td>
                        <i class="icon"></i>
                        <input id="add_is_prescription" class="popup_input2" placeholder="是否为处方药" readonly="readonly">
                        <div id="add_is_prescription_list" class="search_input_option innerbox">
                            <div>
                                <ul>
                                    <li>处方药</li>
                                    <li>非处方药</li>
                                </ul>
                            </div>
                        </div>
                    </td>
                </tr>
            </table>
        </div>
        <div id="add_popup_bottom">
            <button class="button">确定</button>
            <button class="button">取消</button>
        </div>
    </div>
    <script type="text/javascript" src="/js/frame/ys_service/ys_service_medicinemanager.js"></script>
</body>
</html>